//banner
.banner{height:500px;position:relative;top:-44px;overflow:hidden;}
.img-list{
    list-style:none;
    position: absolute;
    left:-360px; top:0px;
    width: 15000px;
    height: 500px;
}
.img-list li{
    float: left;
}
.banner-nav-list{
    list-style:none;
    position: absolute;
    left:500px; bottom:20px;
    
}
.banner-nav-list li {
    background:#b5b2a8;
    float: left;
    width: 14px; height: 14px;
    border-radius:7px;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
    
}
.banner-nav-list li img{
    position:absolute;
}

.banner-nav-list li.active{     
    background:#008842;
}
.banner .toLeft {
    width: 40px;
    height: 100px;
    background: url(../img/slider-btn.png) no-repeat 0 0;
    position: absolute;
    left: 0px; top: 200px;
}
.banner .toRight {
    width: 40px;
    height: 100px;
    background: url(../img/slider-btn.png) no-repeat -50px 0;
    position: absolute;
    right: 0px; top: 200px;
}
.btn{
    display:none;
}
//case
.case{height:303px;}
.case .caseNew{width:290px;height:290px;margin:0 13px 13px 0;background:url(../img/case1.jpg) no-repeat;position:relative;float:left;}
.case div:nth-child(2){background:url(../img/case2.jpg) no-repeat;}
.case div:nth-child(3){background:url(../img/case3.jpg) no-repeat;}
.case div:last-child{margin-right:0px;background:url(../img/case4.jpg) no-repeat;}
.case .caseNew .caseCon{width:270px;height:57px;background:rgba(255,255,255,0.8);position:absolute;left:10px;bottom:10px;}
.case .caseNew .caseCon h2{font-size:22px;color:#575757;width:270px;line-height:30px;padding:3px 0;text-align:center;}
.case .caseNew .caseCon p{font-size:12px;color:#575757;width:270px;text-align:center;}
//floor
.floor{min-height:4000px;}
.floor  .f1{height:32px;padding-bottom:5px;}
.floor  .f1 ul{float:right;width:225px;padding-top:10px;}
.floor  .f1 ul li{float:left;border-right:2px solid #adaeae;}
.floor  .f1 ul li:last-child {border-right:none;}
.floor  .f1 ul li a{font-size:12px;color:#4e4e4e;padding:0 10px;}
.floor  .f1 ul li:last-child a{font-size:12px;color:#4e4e4e;padding-right:0;}
.floor  .f1>a p{line-height:32px;width:45px;font-size:12px;text-align:center;color:#fff;float:left;background:url(../img/floor_tit_icon.png) no-repeat 0 0}
.floor  .f1>a h2{padding:10px 0 0 10px;font-size:18px;font-weight:900;text-align:center;color:#fc5f3c;float:left;}
.floor .f1Con{height:463px;margin-bottom:18px;}
.floor .f1Con .section{height:463px;width:275px;float:left;overflow:hidden;}
.floor .f1Con ul{float:left;width:925px;}
.floor .f1Con ul li{height:230px;width:230px;border:1px solid #d5d5d5;float:left; }
.floor .f1Con ul li:nth-child(2){border-left:none;border-right:none;}
.floor .f1Con ul li:nth-child(3){width:460px;}
.floor .f1Con ul li:nth-child(4){width:460px;border-top:none;}
.floor .f1Con ul li:nth-child(5){border-right:none;border-top:none;}
.floor .f1Con ul li:nth-child(6){border-top:none;}

.floor div:nth-child(2) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -46px 0}
.floor div:nth-child(3) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -92px 0}
.floor div:nth-child(4) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -138px 0}
.floor div:nth-child(5) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -184px 0}
.floor div:nth-child(6) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -230px 0}
.floor div:nth-child(7) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -276px 0}
.floor div:nth-child(8) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -322px 0}
.floor div:nth-child(9) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -275px 0}
.floor div:nth-child(10) .f1>a p{background:url(../img/floor_tit_icon.png) no-repeat -321px 0}

.floor  .f5Con{height:463px;margin-bottom:18px;}
.floor  .f5Con .leftCon{height:463px;width:275px;float:left;overflow:hidden;}

.floor  .f5Con .middleCon{height:463px;width:678px;float:left;overflow:hidden;}
.floor  .f5Con .middleCon div{width:234px;height:383px;float:left;border:1px solid #d5d5d5;}
.floor  .f5Con .middleCon ul:nth-child(2){width:441px;height:383px;float:left;}
.floor  .f5Con .middleCon ul:nth-child(3){width:677px;height:77px;float:left;border:1px solid #d5d5d5;border-right:none;border-top:none;}
.floor  .f5Con .middleCon ul:nth-child(3) li{float:left;padding:15px;}

.floor  .f5Con .rightCon{height:461px;width:245px;float:left;overflow:hidden;border:1px solid #d5d5d5;}

.floor  .f5Con .middleCon ul:nth-child(2) li{height:191px;width:220px;border:1px solid #d5d5d5;float:left;overflow:hidden}
.floor  .f5Con .middleCon ul:nth-child(2) li:first-child{border-left:none;border-right:none;}
.floor  .f5Con .middleCon ul:nth-child(2) li:nth-child(2){border-right:none;}
.floor  .f5Con .middleCon ul:nth-child(2) li:nth-child(3){border-left:none;border-top:none;}
.floor  .f5Con .middleCon ul:nth-child(2) li:nth-child(4){border:none;border-bottom:1px solid #d5d5d5;}

.floor  .f5Con #midpic li{width:440px;height:191px;border:none;border-top:1px solid #d5d5d5;}
.floor  .f5Con #midpic li:nth-child(2){border-bottom:1px solid #d5d5d5;}

//楼梯
#leftSide {
    width: 40px;
    position: fixed;
    top: 180px;
    left: 5px;
    opacity:0.7;
//    display: none;
}
#leftSide ul li {
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #008842;
    list-style: none;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}
#leftSide ul li span {
    width: 40px;
    height: 40px; 
    font-size:14px;
    line-height:20px;
    word-break:break-all;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#leftSide ul li:first-child{background:url(../img/floor_guide.png) no-repeat 0 0;}
#leftSide ul li:nth-child(2){background:url(../img/floor_guide.png) no-repeat -40px 0;}
#leftSide ul li:nth-child(3){background:url(../img/floor_guide.png) no-repeat -240px 0;}
#leftSide ul li:nth-child(4){background:url(../img/floor_guide.png) no-repeat -160px 0;}
#leftSide ul li:nth-child(5){background:url(../img/floor_guide.png) no-repeat -80px 0;}
#leftSide ul li:nth-child(6){background:url(../img/floor_guide.png) no-repeat -120px 0;}
#leftSide ul li:nth-child(7){background:url(../img/floor_guide.png) no-repeat -320px 0;}
#leftSide ul li:nth-child(8){background:url(../img/floor_guide.png) no-repeat -200px 0;}
#leftSide ul li:nth-child(9){background:url(../img/floor_guide.png) no-repeat -360px 0;}
#leftSide ul li:nth-child(10){background:url(../img/floor_guide.png) no-repeat -280px 0;}

#leftSide ul li:last-child {
    background: #008842;
    color: #fff;
}
#leftSide ul li:hover .active {
    background: #008842;
    color: #fff;
    display: block;
}
#leftSide ul li .click{
    background: #008842;
    color: #fff;
    display: block;
}
#leftSide:hover{
    opacity:1;
}


